﻿<!DOCTYPE html>
<html lang="zxx">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Dominie - Online Education Courses HTML Template</title>

    <!-- Stylesheet -->
    <link rel="stylesheet" href="assets/css/vendor.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/responsive.css">

</head>
<body>

<!-- preloader area start -->
<div class="preloader" id="preloader">
    <div class="preloader-inner">
        <div class="spinner">
            <div class="dot1"></div>
            <div class="dot2"></div>
        </div>
    </div>
</div>
<!-- preloader area end -->

<!-- search popup start-->
<div class="body-overlay" id="body-overlay"></div>
<div class="td-search-popup" id="td-search-popup">
    <form action="home.jsp" class="search-form">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="Search.....">
        </div>
        <button type="submit" class="submit-btn"><i class="fa fa-search"></i></button>
    </form>
</div>
<!-- search popup end-->

<!-- log-in popup start-->
<div class="td-log-in-popup" id="td-log-in-popup">
    <div class="container">
        <div class="row justify-content-center no-gutters">
            <div class="col-lg-5">
                <div class="log-in-wrap">
                    <div class="thumb">
                        <img src="assets/img/logo-3.png" alt="img">
                    </div>
                    <p>Your student account is you portal to all things Dominie your classroom, projects, forums,
                        carees, resources.</p>
                    <a class="btn btn-white" href="#">Student</a>
                    <a class="btn btn-border-white" href="#">Instructirs</a>
                </div>
            </div>
            <div class="col-xl-6 col-lg-7">
                <div class="log-in-form">
                    <!--  <button type="button" class="close">
                         <span>&times;</span>
                     </button> -->
                    <ul class="nav nav-pills">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="pill" href="#pills-home">Login</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="pill" href="#pills-profile">Register</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="pills-home">
                            <form>
                                <div class="form-group">
                                    <label>Username or email address*</label>
                                    <input type="text" class="form-control" placeholder="youremail@gmail.com">
                                </div>
                                <div class="form-group">
                                    <label>Password</label>
                                    <input type="password" class="form-control">
                                </div>
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input">
                                    <label class="form-check-label">Remember me</label>
                                </div>
                                <a class="lost-password" href="#">Lost your password?</a>
                                <button type="submit" class="btn btn-base w-100">Login</button>
                                <div class="other-log-in-area text-center">
                                    <h6>OR LOGIN WITH</h6>
                                    <a class="btn btn-fb" href="#"><i class="fa fa-facebook"></i>FACEBOOK</a>
                                    <a class="btn btn-google" href="#"><i class="fa fa-google"></i>GOOGLE</a>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane fade" id="pills-profile">
                            <form>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Full Name</label>
                                            <input type="text" class="form-control" placeholder="Full Name">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>User or email*</label>
                                            <input type="text" class="form-control" placeholder="Email">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>Password</label>
                                    <input type="password" class="form-control" placeholder="password">
                                </div>
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input">
                                    <label class="form-check-label">Remember me</label>
                                </div>
                                <a class="lost-password" href="#">Lost your password?</a>
                                <button type="submit" class="btn btn-base w-100">Login</button>
                                <div class="other-log-in-area text-center">
                                    <h6>OR LOGIN WITH</h6>
                                    <a class="btn btn-fb" href="#"><i class="fa fa-facebook"></i>FACEBOOK</a>
                                    <a class="btn btn-google" href="#"><i class="fa fa-google"></i>GOOGLE</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- log-in popup end-->

<!-- navbar start -->
<div class="navbar-area">
    <nav class="navbar navbar-expand-lg">
        <div class="container nav-container">
            <div class="responsive-mobile-menu">
                <button class="menu toggle-btn d-block d-lg-none" data-target="#themefie_main_menu"
                        aria-expanded="false" aria-label="Toggle navigation">
                    <span class="icon-left"></span>
                    <span class="icon-right"></span>
                </button>
            </div>
            <div class="logo">
                <a class="main-logo" href="home.jsp"><img src="assets/img/logo.png" alt="img"></a>
            </div>
            <div class="nav-right-part nav-right-part-mobile">
                <a class="search" href="#"><i class="fa fa-search"></i></a>
                <a class="btn btn-base log-in" href="#">Login</a>
            </div>
            <div class="nav-left-part">
                <ul class="nav-left-part-list">
                    <li>
                        <div class="header-cat-menu">
                            <i class="fa fa-th"></i>
                            <a href="#">Courses</a>
                            <i class="fa fa-caret-down"></i>
                            <ul>
                                <li><a href="#"><i class="fa fa-building"></i> Business</a></li>
                                <li><a href="#"><i class="fa fa-th"></i> Design</a></li>
                                <li><a href="#"><i class="fa fa-code"></i> Development</a></li>
                                <li><a href="#"><i class="fa fa-clone"></i> Marketing</a></li>
                                <li><a href="#"><i class="fa fa-pencil-square-o"></i> Math</a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="main-search-inner main-search-bg ml-3">
                            <i class="fa fa-search"></i>
                            <input type="text" placeholder="Search Here">
                        </div>
                    </li>
                </ul>
            </div>
            <div class="collapse navbar-collapse" id="themefie_main_menu">
                <ul class="navbar-nav menu-open text-left pl-lg-5">
                    <li class="menu-item-has-children current-menu-item">
                        <a href="#">Home</a>
                        <ul class="sub-menu">
                            <li><a href="home.jsp">Home 01</a></li>
                            <li><a href="index-2.html">Home 02</a></li>
                            <li><a href="home.jsp">Home 03</a></li>
                            <li><a href="index-4.html">Home 04</a></li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children current-menu-item">
                        <a href="#">Pages</a>
                        <ul class="sub-menu">
                            <li><a href="about.html">About</a></li>
                            <li><a href="course.html">Course</a></li>
                            <li><a href="course-view.jsp">Course View</a></li>
                            <li><a href="course-view.jsp">Course View 2</a></li>
                            <li><a href="instructor.html">Instructor</a></li>
                            <li><a href="instructor-single.html">Instructor Single</a></li>
                            <li><a href="cart.html">Cart</a></li>
                            <li><a href="checkout.html">Checkout</a></li>
                        </ul>
                    </li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </div>
            <div class="nav-right-part nav-right-part-desktop">
                <a class="btn btn-white log-in" href="#">Login</a>
            </div>
        </div>
    </nav>
</div>
<!-- navbar end -->

<!-- latest-course start -->
<div class="latest-course-area pd-top-195">
    <div class="container">
        <div class="row">
            <div class="col-lg-3">
                <div class="dmne-sidebar">
                    <div class="widget widget-select-inner">
                        <h4 class="widget-title">Category</h4>
                        <ul>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    All
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    UI & UX
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Animation
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Game Design
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Graphic Design
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Typography
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Web Development
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Photography
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Illustration
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Programing
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Graphics
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Art & Design
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    3D Design
                                </label>
                            </li>
                        </ul>
                    </div>
                    <div class="widget widget-select-inner">
                        <h4 class="widget-title">Level</h4>
                        <ul>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Beginner
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    ntermediate
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Expert
                                </label>
                            </li>
                        </ul>
                    </div>
                    <div class="widget widget-select-inner">
                        <h4 class="widget-title">Price</h4>
                        <ul>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Free
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Paid
                                </label>
                            </li>
                        </ul>
                    </div>
                    <div class="widget widget-select-inner">
                        <h4 class="widget-title">Language</h4>
                        <ul>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    English
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Español
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    Yorùbá
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    اردو
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    لعربية
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    বাংলা
                                </label>
                            </li>
                            <li>
                                <label class="single-select-inner">
                                    <input type="checkbox"/>
                                    <span class="fa fa-check"></span>
                                    中文
                                </label>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-9">
                <div class="row">
                    <div class="col-lg-4 col-md-6">
                        <div class="single-course-inner style-two">
                            <div class="thumb">
                                <img src="assets/img/course/2.png" alt="img">
                                <div class="rating">4.9/5 <i class="fa fa-star"></i></div>
                                <a href="#" class="bookmark"><i class="fa fa-bookmark-o"></i></a>
                            </div>
                            <div class="details">
                                <div class="meta">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>5,957 students</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <p>01h 49m</p>
                                        </div>
                                    </div>
                                </div>
                                <h5><a href="#">Motion Graphics: Create a Nice Typography Animation</a></h5>
                                <div class="price-inner">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>$33.99</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-course-inner style-two">
                            <div class="thumb">
                                <img src="assets/img/course/3.png" alt="img">
                                <div class="rating">4.9/5 <i class="fa fa-star"></i></div>
                                <a href="#" class="bookmark"><i class="fa fa-bookmark-o"></i></a>
                            </div>
                            <div class="details">
                                <div class="meta">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>5,957 students</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <p>01h 49m</p>
                                        </div>
                                    </div>
                                </div>
                                <h5><a href="#">Motion Graphics: Create a Nice Typography Animation</a></h5>
                                <div class="price-inner">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>$33.99</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-course-inner style-two">
                            <div class="thumb">
                                <img src="assets/img/course/4.png" alt="img">
                                <div class="rating">4.9/5 <i class="fa fa-star"></i></div>
                                <a href="#" class="bookmark"><i class="fa fa-bookmark-o"></i></a>
                            </div>
                            <div class="details">
                                <div class="meta">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>5,957 students</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <p>01h 49m</p>
                                        </div>
                                    </div>
                                </div>
                                <h5><a href="#">Motion Graphics: Create a Nice Typography Animation</a></h5>
                                <div class="price-inner">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>$33.99</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-course-inner style-two">
                            <div class="thumb">
                                <img src="assets/img/course/2.png" alt="img">
                                <div class="rating">4.9/5 <i class="fa fa-star"></i></div>
                                <a href="#" class="bookmark"><i class="fa fa-bookmark-o"></i></a>
                            </div>
                            <div class="details">
                                <div class="meta">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>5,957 students</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <p>01h 49m</p>
                                        </div>
                                    </div>
                                </div>
                                <h5><a href="#">Motion Graphics: Create a Nice Typography Animation</a></h5>
                                <div class="price-inner">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>$33.99</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-course-inner style-two">
                            <div class="thumb">
                                <img src="assets/img/course/3.png" alt="img">
                                <div class="rating">4.9/5 <i class="fa fa-star"></i></div>
                                <a href="#" class="bookmark"><i class="fa fa-bookmark-o"></i></a>
                            </div>
                            <div class="details">
                                <div class="meta">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>5,957 students</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <p>01h 49m</p>
                                        </div>
                                    </div>
                                </div>
                                <h5><a href="#">Motion Graphics: Create a Nice Typography Animation</a></h5>
                                <div class="price-inner">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>$33.99</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-course-inner style-two">
                            <div class="thumb">
                                <img src="assets/img/course/4.png" alt="img">
                                <div class="rating">4.9/5 <i class="fa fa-star"></i></div>
                                <a href="#" class="bookmark"><i class="fa fa-bookmark-o"></i></a>
                            </div>
                            <div class="details">
                                <div class="meta">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>5,957 students</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <p>01h 49m</p>
                                        </div>
                                    </div>
                                </div>
                                <h5><a href="#">Motion Graphics: Create a Nice Typography Animation</a></h5>
                                <div class="price-inner">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>$33.99</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-course-inner style-two">
                            <div class="thumb">
                                <img src="assets/img/course/2.png" alt="img">
                                <div class="rating">4.9/5 <i class="fa fa-star"></i></div>
                                <a href="#" class="bookmark"><i class="fa fa-bookmark-o"></i></a>
                            </div>
                            <div class="details">
                                <div class="meta">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>5,957 students</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <p>01h 49m</p>
                                        </div>
                                    </div>
                                </div>
                                <h5><a href="#">Motion Graphics: Create a Nice Typography Animation</a></h5>
                                <div class="price-inner">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>$33.99</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-course-inner style-two">
                            <div class="thumb">
                                <img src="assets/img/course/3.png" alt="img">
                                <div class="rating">4.9/5 <i class="fa fa-star"></i></div>
                                <a href="#" class="bookmark"><i class="fa fa-bookmark-o"></i></a>
                            </div>
                            <div class="details">
                                <div class="meta">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>5,957 students</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <p>01h 49m</p>
                                        </div>
                                    </div>
                                </div>
                                <h5><a href="#">Motion Graphics: Create a Nice Typography Animation</a></h5>
                                <div class="price-inner">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>$33.99</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-course-inner style-two">
                            <div class="thumb">
                                <img src="assets/img/course/4.png" alt="img">
                                <div class="rating">4.9/5 <i class="fa fa-star"></i></div>
                                <a href="#" class="bookmark"><i class="fa fa-bookmark-o"></i></a>
                            </div>
                            <div class="details">
                                <div class="meta">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>5,957 students</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <p>01h 49m</p>
                                        </div>
                                    </div>
                                </div>
                                <h5><a href="#">Motion Graphics: Create a Nice Typography Animation</a></h5>
                                <div class="price-inner">
                                    <div class="row">
                                        <div class="col-6">
                                            <p>$33.99</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- latest-course end -->

<!-- footer area start -->
<footer class="footer-area pd-top-140">
    <div class="container">
        <div class="footer-top text-center">
            <div class="row justify-content-center">
                <div class="col-xl-6 col-lg-8">
                    <h2>Subscribe Newsletter</h2>
                    <p>Small team with big ideas! We provide UI/UX Design, Development, premium WordPress themes,
                        plugins</p>
                    <div class="subscribe-inner-wrap">
                        <input type="text" placeholder="Enter Your Email">
                        <button class="btn btn-base">Subscribe</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-3 col-sm-6">
                <h4 class="widget-title">Categories</h4>
                <div class="widget_nav_menu">
                    <ul>
                        <li><a href="#">All Courses</a></li>
                        <li><a href="#">Digital Marketing</a></li>
                        <li><a href="#">Design & Branding</a></li>
                        <li><a href="#">Adobe Creative Cloud</a></li>
                        <li><a href="#">Storytelling & Voice Over</a></li>
                        <li><a href="#">Web & SEO</a></li>
                        <li><a href="#">Programs</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <h4 class="widget-title">Community</h4>
                <div class="widget_nav_menu">
                    <ul>
                        <li><a href="#">Go Premium</a></li>
                        <li><a href="#">Team Plans</a></li>
                        <li><a href="#">Refer a Friend</a></li>
                        <li><a href="#">Gift Cards</a></li>
                        <li><a href="#">Scholarships</a></li>
                        <li><a href="#">Free Classes</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <h4 class="widget-title">Teaching</h4>
                <div class="widget_nav_menu">
                    <ul>
                        <li><a href="#">Become a Teacher</a></li>
                        <li><a href="#">Teaching Academy</a></li>
                        <li><a href="#">Teacher Handbook</a></li>
                        <li><a href="#">Partnerships</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <h4 class="widget-title">Support</h4>
                <div class="widget_nav_menu mb-5">
                    <ul>
                        <li><a href="#">FAQ</a></li>
                        <li><a href="#">Contact Support</a></li>
                        <li><a href="#">Forum</a></li>
                    </ul>
                </div>
                <h4 class="widget-title">Follow Us On</h4>
                <ul class="social-area mb-5 mb-lg-0">
                    <li>
                        <a href="#"><i class="fa fa-facebook"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-twitter"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-instagram"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-behance"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-linkedin"></i></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="row">
                <div class="col-md-6">
                    <div class="thumb">
                        <img src="assets/img/logo.png" alt="img">
                    </div>
                </div>
                <div class="col-md-6 text-md-right mt-3 mt-md-0 align-self-center">
                    <p>©2020 <span>Themefie®</span>. All Rights <a href="http://www.bootstrapmb.com/">bootstrapmb</a>.
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- footer area end -->

<!-- back to top area start -->
<div class="back-to-top">
    <span class="back-top"><i class="fa fa-angle-up"></i></span>
</div>
<!-- back to top area end -->


<!-- all plugins here -->
<script src="assets/js/vendor.js"></script>
<!-- main js  -->
<script src="assets/js/main.js"></script>
</body>
</html>
